@import './base.css';

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-weight: 200px;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
        'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    /* 字体不可被选中 */
    user-select: none;
}

/* 全局配置 */
a {
    color: #000;
    text-decoration: none;
}

ul,
ol {
    list-style: none;
}

img {
    border: none;
}

input,
textarea {
    outline: none;
}

h1,
h2 {
    text-align: center;
}

/* 走马灯 */
.Carousel {
    float: left;
}

.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
    background-color: #d3dce6;
}

/* 走马灯按钮 */
.el-carousel__arrow--right {
    top: 50%;
}

.el-carousel__arrow--left {
    top: 50%;
}

/* 分类选项 */
.label {
    float: left;
    text-align: center;
    width: 5%;
    height: 50px;
    line-height: 50px;
    background-color: #409eaa;
}

/* 选项框 */
.option-content {
    float: left;
    max-width: 95%;
    height: 50px;
}

/* 滚动条 */
.scrollbar-flex-content {
    display: flex;
}

/* 点击选中颜色 */
.highlight {
    background-color: #4b9aef;
}

/* 分割线 */
.el-divider {
    float: left;
}

/* 动漫和漫画卡片 */
.list {
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list-card {
    margin: 10px;
    width: 15%;
    max-height: 400px;
    background: #ddd;
    border-radius: 8px;
}

.list-card:hover {
    position: relative;
    bottom: 5px;
    box-shadow: 1px 1px 10px #ccc;
}

/* el标签属性 */
.el-tag {
    margin: 0 5px;
}